<script setup lang="ts">
import HeaderArea from "@/components/search/HeaderArea.vue";
import SearchArea from "@/components/search/SearchArea.vue";
import MoreArea from "@/components/search/MoreArea.vue";

</script>

<template>
    <div  class="fiexdBox">
        <div class="fix">
            <!--头部区域-->
            <HeaderArea/>
            <!--搜索和侧导航栏-->
            <div class="searchAside">
                <SearchArea></SearchArea>
                <MoreArea></MoreArea>
            </div>
        </div>
    </div>
</template>
<style scoped lang="less">
//.fiexdBox {
//    position: sticky;
//    top: 0;
//}
.fix{
  position: sticky;
  top:0;
  z-index: 9999;
  overflow: auto;
  background-color: white;
}
.searchAside{
  width: 375px;
  height: 40px;
  display: flex;
  justify-content: space-between;
}
</style>